<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>南邮喵舍</title>
    <link rel="icon" href="images/favicon.ico" type="image/x-icon">
    <link href="css/index_v2.0.css" type="text/css" rel="stylesheet">
    <link href="/css/css.css" rel="stylesheet" type="text/css">
    <link href="/css/img.css" rel="stylesheet" type="text/css">
    <script type="text/javascript" src="js/jquery-3.1.1.min.js"></script>
    <script src="js/main.js"></script>
</head>

<body id="body" onscroll="guide()">
    <div id="bgimage" style="background-image: url(images/indexbg.jpg);">
        <div id="main">
            <div class="guide" id="guide">
                <div id="logo"></div>
                <div id="name">南邮喵舍</div>
                <div class="g1_5" id="g0">首页</div>
                <div class="g1_5" id="g1">关于</div>
                <!--这里成员页面加长到3屏-->
                <div class="g1_5" id="g2">组织</div>
                <div class="g1_5" id="g3">要闻</div>
                <div class="g1_5" id="g4">联系</div>
                <a href="html/login.html">
                    <div class="g1_5" id="g5">登陆/注册</div>
                </a>
            </div>
            <div id="p1">
                <div id="p1main">
                    <h1 class="animated fadeInDown">南邮民间猫咪联合会</h1>
                    <p class="animated fadeInRight">Welcome to</p>
                    <p class="animated fadeInLeft">Cats Federation of NJUPT</p>
                    <div class="animated fadeInUp" id="p1btn"><button>了解更多</button></div>
                </div>
            </div>
            <div id="p2">
                <div id="p2about">
                    <h1>关于我们</h1>
                    <div></div>
                </div>
                <div id="p2image"></div>
                <div id="p2center"></div>
                <div id="p2introduce">
                    <div id="p2_intro_h2">
                        <h2>我们是谁</h2>
                    </div>
                    <div id="p2_intro_p">
                        <p>
                            &nbsp;&nbsp;
                            &nbsp;&nbsp;&nbsp;&nbsp;我们是南邮民间猫咪联合会，成立于8102年，它由南邮的喵星人和蓝星人共
                            同组建，喵星人主导，旨在保护喵星人在南邮的合法权益。 自成立以来，南邮喵联始终致力于为喵星人营
                            造良好的生活环境，持续关注每一只猫咪的生活状况，同时对侵犯猫咪权益的行为予以阻止或举报。在南邮
                            这样一片人间乐土上 ，南邮喵联让喵星人感受到了别样的关怀，同时也获得了南邮喵界的广泛认同与支持。
                        </p>
                    </div>

                </div>
            </div>
            <div id="p3_imgwindow" style="background-image: url(images/p3bg.jpg);">
                <div id="p3window">
                    <div id="p3win_left">
                        <div class="p3win_head" id="p3win_head_left"></div>
                        <div class="p3win_name">
                            <h2>喵星代表</h2>
                            <p>喵喵喵先生</p>
                        </div>
                    </div>
                    <div id="p3win_center">
                        <div id="p3win_center_intro_cat">
                            <div>
                                <h2>高冷的主席</h2></br></br>
                                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                7102年来到南邮，指导南邮喵连的发展，
                                为喵连的今天付出了巨大的心血。

                            </div>
                        </div>
                        <div id="p3win_center_intro_man">
                            <div>
                                <h2>逗逼一个</h2></br></br>
                                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                南邮8102年新生，啥也不会，平时喜欢打酱油，
                                睡觉。
                            </div>
                        </div>
                    </div>
                    <div id="p3win_right" onmouseover="show_p3win_center_intro_man()" onmouseout="hid_p3win_center_intro_man()">
                        <div class="p3win_head" id="p3win_head_right"></div>
                        <div class="p3win_name">
                            <h2>蓝星代表</h2>
                            <p>徐磊磊同学</p>
                        </div>
                    </div>
                </div>
                <div id="p3">
                    <div id="p3_leader">
                        <div id="p3_leader_h2">
                            <h2>部长/干事</h2>
                            <div></div>
                        </div>
                        <div id="p3_lea_1" class="p3_lea">
                            <div class="p3_lea_mask" id="p3_lea1_intro">
                                <div>
                                    <h2>廉天龙同学</h2></br></br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                    喵连左护法，大佬一个。
                                </div>
                            </div>
                            <div class="p3_lea_pic" id="p3_lea_pic1"></div>
                            <div class="p3_lea_intro">干事</br><span>廉天龙</span></div>
                        </div>
                        <div id="p3_lea_2" class="p3_lea">
                            <div class="p3_lea_mask" id="p3_lea2_intro">
                                <div>
                                    <h2>一只可爱的小橘猫</h2></br></br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                    生性好动，喜欢与人亲近，家住菊苑，目前单身
                                    欢迎大家去撩。
                                </div>
                            </div>
                            <div class="p3_lea_pic" id="p3_lea_pic2"></div>
                            <div class="p3_lea_intro">部长</br><span>菊苑一枝花</span></div>
                        </div>
                        <div id="p3_lea_3" class="p3_lea">
                            <div class="p3_lea_mask" id="p3_lea3_intro">
                                <div>
                                    <h2>唐金泽同学</h2></br></br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                    喵连右护法，大佬一个。
                                </div>
                            </div>
                            <div class="p3_lea_pic" id="p3_lea_pic3"></div>
                            <div class="p3_lea_intro">干事</br><span>唐金泽</span></div>
                        </div>
                    </div>
                    <div id="p3_member">
                        <div id="p3_member_title">
                            <h2>&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;部门设置</h2>
                        </div>
                        <div id="p3_member_depart">
                            <div id="p3_member_left">
                                <div class="p3_member_img" id="p3_member_depart_1_img"></div>
                                <div class="p3_member_img" id="p3_member_depart_2_img"></div>
                                <div class="p3_member_img" id="p3_member_depart_3_img"></div>
                                <div class="p3_member_img" id="p3_member_depart_4_img"></div>
                            </div>
                            <div id="p3_member_center">
                                <div class="p3_member_point" id="p3_member_depart_1_point"></div>
                                <div class="p3_member_point" id="p3_member_depart_2_point"></div>
                                <div class="p3_member_point" id="p3_member_depart_3_point"></div>
                                <div class="p3_member_point" id="p3_member_depart_4_point"></div>
                            </div>
                            <div id="p3_member_right">
                                <div class="p3_member_intro" id="p3_member_depart_1_intro">
                                    <div class="p3_member_intro_h2" id="p3_member_intro_h2_1">
                                        办</br>公</br>室
                                    </div>
                                    <div class="p3_member_intro_p" id="p3_member_intro_p_1">
                                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;办公室是
                                        喵联的中枢部门，它是一个协调机构，起着处理日常事
                                        务，进行决策的作用。办公室会对喵联的成员进行登记，
                                        也会提出一些活动的idea。
                                    </div>
                                </div>
                                <div class="p3_member_intro" id="p3_member_depart_2_intro">
                                    <div class="p3_member_intro_h2" id="p3_member_intro_h2_2">
                                        外</br>联</br>部
                                    </div>
                                    <div class="p3_member_intro_p" id="p3_member_intro_p_2">
                                        &nbsp;&nbsp;
                                        &nbsp;&nbsp;&nbsp;&nbsp;外联部是喵联对外沟通的部门，
                                        喵联的一些活动也将由外联部组织举行。
                                    </div>
                                </div>
                                <div class="p3_member_intro" id="p3_member_depart_3_intro">
                                    <div class="p3_member_intro_h2" id="p3_member_intro_h2_3">
                                        卖</br>萌</br>部
                                    </div>
                                    <div class="p3_member_intro_p" id="p3_member_intro_p_3">
                                        &nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;卖萌部由一群
                                        可爱的猫咪组成，经常活跃在校园里面，对同学们进行无差别
                                        卖萌，活跃校园的气氛。
                                    </div>
                                </div>
                                <div class="p3_member_intro" id="p3_member_depart_4_intro">
                                    <div class="p3_member_intro_h2" id="p3_member_intro_h2_4">
                                        权</br>服</br>部
                                    </div>
                                    <div class="p3_member_intro_p" id="p3_member_intro_p_4">
                                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;权服部
                                        切实保护猫咪的权益，防止猫咪收到虐待和侵害。除此之
                                        外，权服部也会提供食物和救助给南邮的每一只猫咪。
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div id="p4">
                <div id="p4_header">
                    <h2>&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;近日要闻</h2>
                </div>
                <div id="p4_news">
                    <div id="p4_news_header">
                        <h2>祝贺第8102届晒太阳大赛圆满落幕</h2>
                    </div>
                    <div id="p4_img_box">
                        <div class="p4_news_img" id="P4_news_img1"></div>
                    </div>
                    <div id="p4_news_intro">
                        <h2>喵联日报</h2>
                        <p> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                            8102年11月11日，随着夕阳西下，第8102届晒太阳大赛圆满落幕。
                            晒太阳大赛面向广大南邮民间猫咪，以晒出精彩为主旨，倡导各位选手
                            以不同的方式进行晒太阳。左图为本届冠军，大大的呵欠不仅表现了它的
                            舒适之情，又饱含清晨的朝气。冠军它当之无愧！
                        </p>
                    </div>
                    <div id="p4_news_more">了解更多>></div>
                </div>
            </div>
            <div id="p5">
                <div id="title">
                    <h2>&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;联系我们</h2>
                </div>
                <div id="connect">
                    <div id="tel">
                        <div class="connect_img" id="connect_img_tel"></div>
                        <div class="detil">
                            <h2>TEL</h2>
                            <p>010-1234567</p>
                        </div>

                    </div>
                    <div id="e_mail">
                        <div class="connect_img" id="connect_img_email"></div>
                        <div class="detil">
                            <h2>E-mail</h2>
                            <p>angelaruins@foxmail.com</p>
                        </div>

                    </div>
                    <div id="adress">
                        <div class="connect_img" id="connect_img_adress"></div>
                        <div class="detil">
                            <h2>Address</h2>
                            <p>南京邮电大学</p>
                        </div>

                    </div>
                    <div id="wxbcll">
                        <div id="link">加</br>入</br>我</br>们</div>
                        <div id="qq" onclick="share_qq()"></div>

                        <div id="wechat" onclick="share_wechat()"></div>

                    </div>
                </div>
            </div>
            <div id="foot">
                <small>Copyright © 2018 Lucifer|郁离歌粉丝团 All Rights Reserved.</small>
            </div>
        </div>
    </div>
</body>

</html>